desktop-notify.js ➔ ... ➔ send - Code Metrics - Inspection of "A few items, some questionable :D" - elkarte/Elkarte - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Pull Request — development (#2955)

by Stephen

created 2017-07-05 01:28 UTC

desktop-notify.js ➔ ... ➔ send A

↳ Parent: Project

Complexity

Conditions	3
Paths	3

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes	1
Bugs	1	Features	0

Metric	Value
cc	3
nc	3
nop	1
dl	0
loc	12
rs	9.4285
c	1
b	1
f	0

/*! HTML5 Notification - v3.0.0 - 2016-09-19

Copyright 2016 Tsvetan Tsvetkov

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

/** @namespace window */
/** @namespace window.webkitNotifications */
/** @namespace window.external */
(function() {
    /*
     Safari native methods required for Notifications do NOT run in strict mode.
     */
    //'use strict';
    // local variables
    var PERMISSION_DEFAULT = "default";
    // The user decision is unknown; in this case the application will act as if permission was denied.
    var PERMISSION_GRANTED = "granted";
    // The user has explicitly granted permission for the current origin to display system notifications.
    var PERMISSION_DENIED = "denied";
    // The user has explicitly denied permission for the current origin to display system notifications.
    var PERMISSION_NOTSUPPORTED = "notsupported";
    // The Notification API is not supported on current environment
    // map for the old permission values
    var PERMISSIONS = [ PERMISSION_GRANTED, PERMISSION_DEFAULT, PERMISSION_DENIED, PERMISSION_NOTSUPPORTED ];
    var DIRESCTIONS = [ "auto", "ltr", "rtl" ];
    /*
        IE does not support Notifications in the same meaning as other modern browsers.
        On the other side, IE9+(except MS Edge) implement flashing pinned site taskbar buttons.
        Each time new IE Notification is create, previous flashing and icon overlay is cleared.
        So, we need to keep track of the notification that calls close method.
     */
    var IENotificationIndex = -1;
    var IECloseNotificationEvents = [ "click", "scroll", "focus" ];
    var getIco = function(icon) {
        var lastIndex = icon.lastIndexOf(".");
        return (lastIndex !== -1 ? icon.substr(0, lastIndex) : icon) + ".ico";
    };
    /*
     * Internal Notificaiton constructor. Keeps the original Notification
     * constructor if any or use empty function constructor for browsers
     * that do not support Notifications
     */
    var _Notification = window.Notification || /* Opera Mobile/Android Browser */
    window.webkitNotifications && WebKitNotification || /* IE9+ pinned site */
    "external" in window && "msIsSiteMode" in window.external && window.external.msIsSiteMode() !== undefined && IENotification || /* Notifications Not supported. Return dummy constructor */
    DummyNotification;
    /**
     * @constructor DummyNotification
     */
    function DummyNotification() {
        var dummyElement = document.createElement("div");
        this.addEventListener = function(eventName, callback) {
            dummyElement.addEventListener(eventName, callback.bind(this));
        };
        this.removeEventListener = function(eventName, callback) {
            dummyElement.removeEventListener(eventName, callback.bind(this));
        };
        this.dispatchEvent = function(eventName) {
            if (typeof eventName !== "string") {
                return;
            }
            try {
                dummyElement.dispatchEvent(new Event(eventName));
            } catch (e) {
                var event = document.createEvent("Event");
                event.initEvent(eventName, false, true);
                dummyElement.dispatchEvent(event);
            }
        };
    }
    Object.defineProperty(DummyNotification, "permission", {
        enumerable: true,
        get: function() {
            return PERMISSION_NOTSUPPORTED;
        }
    });
    Object.defineProperty(DummyNotification, "requestPermission", {
        enumerable: true,
        writable: true,
        value: function(callback) {
            callback(this.permission);
        }
    });
    /**
     * @constructor IENotification
     */
    function IENotification(title, options) {
        DummyNotification.call(this);
        var notificationIndex = IENotificationIndex;
        Object.defineProperties(this, {
            close: {
                value: function(event) {
                    if (notificationIndex === IENotificationIndex) {
                        window.external.msSiteModeClearIconOverlay();
                        // Remove close events
                        IECloseNotificationEvents.forEach(function(event) {
                            window.removeEventListener(event, this.close);
                        }.bind(this));
                        this.dispatchEvent("click");
                        this.dispatchEvent("close");
                        notificationIndex = null;
                    }
                }.bind(this)
            }
        });
        // Clear any previous icon overlay
        this.close();
        // Set icon
        if (this.icon) {
            window.external.msSiteModeSetIconOverlay(getIco(this.icon), this.description || this.title);
        }
        // Blink icon
        window.external.msSiteModeActivate();
        // Trigger show event
        this.dispatchEvent("show");
        // Attach close event to window
        IECloseNotificationEvents.forEach(function(event) {
            window.addEventListener(event, this.close);
        }.bind(this));
        // Increment notification index
        notificationIndex = ++IENotificationIndex;
    }
    Object.defineProperty(IENotification, "permission", {
        enumerable: true,
        get: function() {
            var isTabPinned = window.external.msIsSiteMode();
            return isTabPinned ? PERMISSION_GRANTED : PERMISSION_DENIED;
        }
    });
    Object.defineProperty(IENotification, "requestPermission", {
        enumerable: true,
        writable: true,
        value: function(callback) {
            return new Promise(function(resolve, reject) {
                if (this.permission === PERMISSION_DENIED) {
                    alert(this.PERMISSION_REQUEST_MESSAGE);
                }
                resolve(this.permission);
            }.bind(this));
        }
    });
    Object.defineProperty(IENotification, "PERMISSION_REQUEST_MESSAGE", {
        writable: true,
        value: "IE supports notifications in pinned mode only. Pin this page on your taskbar to receive notifications."
    });
    /**
     * @constructor WebKitNotification
     */
    function WebKitNotification() {}
    Object.defineProperty(WebKitNotification, "permission", {
        enumerable: true,
        get: function() {
            return PERMISSIONS[window.webkitNotifications.checkPermission()];
        }
    });
    Object.defineProperty(WebKitNotification, "requestPermission", {
        enumerable: true,
        writable: true,
        value: function(callback) {
            return new Promise(function(resolve, reject) {
                window.webkitNotifications.requestPermission(function(permission) {
                    resolve(permission);
                });
            });
        }
    });
    /*
        [Safari] Safari6 do not support Notification.permission.
        Instead, it support Notification.permissionLevel()
     */
    if (!_Notification.permission) {
        Object.defineProperty(_Notification, "permission", {
            enumerable: true,
            get: function() {
                return _Notification.permissionLevel && _Notification.permissionLevel();
            }
        });
    }
    /**
     * @constructor Notification
     */
    function Notification(title, options) {
        var dir;
        var notification;
        if (!arguments.length) {
            throw TypeError('Failed to construct "Notification": 1 argument required, but only 0 present.');
        }
        /*
            Chrome display notifications when title is empty screen, but
            Safari do NOT.

            Set title to non-display characted in order to display notifications
            in Safari as well when title is empty.
         */
        if (title === "") {
            title = "\b";
        }
        if (arguments.length > 1 && "object" !== typeof options) {
            throw TypeError('Failed to construct "Notification": parameter 2 ("options") is not an object.');
        }
        dir = Object(options).dir;
        if (dir !== undefined && DIRESCTIONS.indexOf(dir) === -1) {
            throw TypeError('Failed to construct "Notification": The provided value "' + dir + '" is not a valid enum value of type NotificationDirection.');
        }
        options = Object(options);
        notification = new _Notification(title, options);
        /* TODO: actions property */
        /* TODO: badge property */
        if (!notification.body) {
            Object.defineProperty(notification, "body", {
                value: String(options.body || "")
            });
        }
        if (!notification.data) {
            Object.defineProperty(notification, "data", {
                value: options.data || null
            });
        }
        if (!notification.dir) {
            Object.defineProperty(notification, "dir", {
                value: dir || DIRESCTIONS[0]
            });
        }
        if (!notification.icon) {
            Object.defineProperty(notification, "icon", {
                value: String(options.icon || "")
            });
        }
        if (!notification.lang) {
            Object.defineProperty(notification, "lang", {
                value: String(options.lang || "")
            });
        }
        /* TODO: noscreen property */
        /* TODO: renotify property */
        if (!notification.requireInteraction) {
            Object.defineProperty(notification, "requireInteraction", {
                value: Boolean(options.requireInteraction)
            });
        }
        /* TODO: sound property */
        if (!notification.silent) {
            Object.defineProperty(notification, "silent", {
                value: Boolean(options.silent)
            });
        }
        if (!notification.tag) {
            Object.defineProperty(notification, "tag", {
                value: String(options.tag || "")
            });
        }
        if (!notification.title) {
            Object.defineProperty(notification, "title", {
                value: String(title)
            });
        }
        if (!notification.timestamp) {
            Object.defineProperty(notification, "timestamp", {
                value: new Date().getTime()
            });
        }
        /* TODO: vibrate property */
        return notification;
    }
    Object.defineProperty(Notification, "permission", {
        enumerable: true,
        get: function() {
            return _Notification.permission;
        }
    });
    /*
        Notification.requestPermission should return a Promise(by spec).
        Keep the original method and replace it with a custom one that
        checks if the call of Notification.requestPermission returns a promise
        and if not, then return a custom object that simulates the Promise object.

        Specification:
        Notification.requestPermission().then(callback);

        Old Spec:
        Notification.requestPermission(callback);
     */
    Object.defineProperty(Notification, "requestPermission", {
        enumerable: true,
        value: function() {
            return new Promise(function(resolve, reject) {
                var promise = _Notification.requestPermission(function(permission) {
                    resolve(permission);
                });
                if (!(promise instanceof Promise)) {
                    return;
                }
                resolve(promise);
            });
        }
    });
    window.Notification = Notification;
})();

/**
 * @name      ElkArte Forum
 * @copyright ElkArte Forum contributors
 * @license   BSD http://opensource.org/licenses/BSD-3-Clause
 *
 * @version 1.1 Release Candidate 1
 *
 * This bits acts as middle-man between the notify (above) and the ElkNotifications
 * providing the interface required by the latter.
 */

(function() {
	var ElkDesktop = (function(opt) {
		'use strict';
		opt = (opt) ? opt : {};
		var notif,
			alreadyChecked = false,
			alreadyAsked = false,
			permission_granted = false;

		var init = function(opt) {
		
			notif = Notification;
		};

		var send = function(request) {
			if (request.desktop_notifications.new_from_last > 0)
			{
				if (!hasPermissions())
					return;

				var myNotification = new Notification(request.desktop_notifications.title, {
					body: request.desktop_notifications.message,
					icon: opt.icon
				});
			}
		};

		var hasPermissions = function() {
			if (alreadyChecked)
				return permission_granted;

			if (alreadyAsked === false && notif.permission == "default" && notif.permission != "notsupported") {
				notif.requestPermission();
				alreadyAsked = true;
			}
			permission_granted = notif.permission == "granted"

			function onPermissionGranted() {
				permission_granted = true;
			}

			function onPermissionDenied() {
				permission_granted = false;
			}

			alreadyChecked = notif.permission != "default";

			return permission_granted;
		};

		init(opt);
		return {
			send: send
		};
	});

	// AMD / RequireJS
	if ( typeof define !== 'undefined' && define.amd) {
		define([], function() {
			return ElkDesktop;
		});
	}
	// CommonJS
	else if ( typeof module !== 'undefined' && module.exports) {
		module.exports = ElkDesktop;
	}
	// included directly via <script> tag
	else {
		this.ElkDesktop = ElkDesktop;
	}

})();



1			/*! HTML5 Notification - v3.0.0 - 2016-09-19
2
3			Copyright 2016 Tsvetan Tsvetkov
4
5			Licensed under the Apache License, Version 2.0 (the "License");
6			you may not use this file except in compliance with the License.
7			You may obtain a copy of the License at
8
9			http://www.apache.org/licenses/LICENSE-2.0
10
11			Unless required by applicable law or agreed to in writing, software
12			distributed under the License is distributed on an "AS IS" BASIS,
13			WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14			See the License for the specific language governing permissions and
15			limitations under the License.
16			*/
17
18			/** @namespace window */
19			/** @namespace window.webkitNotifications */
20			/** @namespace window.external */
21			(function() {
22			/*
23			Safari native methods required for Notifications do NOT run in strict mode.
24			*/
25			//'use strict';
26			// local variables
27			var PERMISSION_DEFAULT = "default";
28			// The user decision is unknown; in this case the application will act as if permission was denied.
29			var PERMISSION_GRANTED = "granted";
30			// The user has explicitly granted permission for the current origin to display system notifications.
31			var PERMISSION_DENIED = "denied";
32			// The user has explicitly denied permission for the current origin to display system notifications.
33			var PERMISSION_NOTSUPPORTED = "notsupported";
34			// The Notification API is not supported on current environment
35			// map for the old permission values
36			var PERMISSIONS = [ PERMISSION_GRANTED, PERMISSION_DEFAULT, PERMISSION_DENIED, PERMISSION_NOTSUPPORTED ];
37			var DIRESCTIONS = [ "auto", "ltr", "rtl" ];
38			/*
39			IE does not support Notifications in the same meaning as other modern browsers.
40			On the other side, IE9+(except MS Edge) implement flashing pinned site taskbar buttons.
41			Each time new IE Notification is create, previous flashing and icon overlay is cleared.
42			So, we need to keep track of the notification that calls close method.
43			*/
44			var IENotificationIndex = -1;
45			var IECloseNotificationEvents = [ "click", "scroll", "focus" ];
46			var getIco = function(icon) {
47			var lastIndex = icon.lastIndexOf(".");
48			return (lastIndex !== -1 ? icon.substr(0, lastIndex) : icon) + ".ico";
49			};
50			/*
51			* Internal Notificaiton constructor. Keeps the original Notification
52			* constructor if any or use empty function constructor for browsers
53			* that do not support Notifications
54			*/
55			var _Notification = window.Notification \|\| /* Opera Mobile/Android Browser */
56			window.webkitNotifications && WebKitNotification \|\| /* IE9+ pinned site */
57			"external" in window && "msIsSiteMode" in window.external && window.external.msIsSiteMode() !== undefined && IENotification \|\| /* Notifications Not supported. Return dummy constructor */
58			DummyNotification;
59			/**
60			* @constructor DummyNotification
61			*/
62			function DummyNotification() {
63			var dummyElement = document.createElement("div");
64			this.addEventListener = function(eventName, callback) {
65			dummyElement.addEventListener(eventName, callback.bind(this));
66			};
67			this.removeEventListener = function(eventName, callback) {
68			dummyElement.removeEventListener(eventName, callback.bind(this));
69			};
70			this.dispatchEvent = function(eventName) {
71			if (typeof eventName !== "string") {
72			return;
73			}
74			try {
75			dummyElement.dispatchEvent(new Event(eventName));
76			} catch (e) {
77			var event = document.createEvent("Event");
78			event.initEvent(eventName, false, true);
79			dummyElement.dispatchEvent(event);
80			}
81			};
82			}
83			Object.defineProperty(DummyNotification, "permission", {
84			enumerable: true,
85			get: function() {
86			return PERMISSION_NOTSUPPORTED;
87			}
88			});
89			Object.defineProperty(DummyNotification, "requestPermission", {
90			enumerable: true,
91			writable: true,
92			value: function(callback) {
93			callback(this.permission);
94			}
95			});
96			/**
97			* @constructor IENotification
98			*/
99			function IENotification(title, options) {
100			DummyNotification.call(this);
101			var notificationIndex = IENotificationIndex;
102			Object.defineProperties(this, {
103			close: {
104			value: function(event) {
105			if (notificationIndex === IENotificationIndex) {
106			window.external.msSiteModeClearIconOverlay();
107			// Remove close events
108			IECloseNotificationEvents.forEach(function(event) {
109			window.removeEventListener(event, this.close);
110			}.bind(this));
111			this.dispatchEvent("click");
112			this.dispatchEvent("close");
113			notificationIndex = null;
114			}
115			}.bind(this)
116			}
117			});
118			// Clear any previous icon overlay
119			this.close();
120			// Set icon
121			if (this.icon) {
122			window.external.msSiteModeSetIconOverlay(getIco(this.icon), this.description \|\| this.title);
123			}
124			// Blink icon
125			window.external.msSiteModeActivate();
126			// Trigger show event
127			this.dispatchEvent("show");
128			// Attach close event to window
129			IECloseNotificationEvents.forEach(function(event) {
130			window.addEventListener(event, this.close);
131			}.bind(this));
132			// Increment notification index
133			notificationIndex = ++IENotificationIndex;
134			}
135			Object.defineProperty(IENotification, "permission", {
136			enumerable: true,
137			get: function() {
138			var isTabPinned = window.external.msIsSiteMode();
139			return isTabPinned ? PERMISSION_GRANTED : PERMISSION_DENIED;
140			}
141			});
142			Object.defineProperty(IENotification, "requestPermission", {
143			enumerable: true,
144			writable: true,
145			value: function(callback) {
146			return new Promise(function(resolve, reject) {
147			if (this.permission === PERMISSION_DENIED) {
148			alert(this.PERMISSION_REQUEST_MESSAGE);
149			}
150			resolve(this.permission);
151			}.bind(this));
152			}
153			});
154			Object.defineProperty(IENotification, "PERMISSION_REQUEST_MESSAGE", {
155			writable: true,
156			value: "IE supports notifications in pinned mode only. Pin this page on your taskbar to receive notifications."
157			});
158			/**
159			* @constructor WebKitNotification
160			*/
161			function WebKitNotification() {}
162			Object.defineProperty(WebKitNotification, "permission", {
163			enumerable: true,
164			get: function() {
165			return PERMISSIONS[window.webkitNotifications.checkPermission()];
166			}
167			});
168			Object.defineProperty(WebKitNotification, "requestPermission", {
169			enumerable: true,
170			writable: true,
171			value: function(callback) {
172			return new Promise(function(resolve, reject) {
173			window.webkitNotifications.requestPermission(function(permission) {
174			resolve(permission);
175			});
176			});
177			}
178			});
179			/*
180			[Safari] Safari6 do not support Notification.permission.
181			Instead, it support Notification.permissionLevel()
182			*/
183			if (!_Notification.permission) {
184			Object.defineProperty(_Notification, "permission", {
185			enumerable: true,
186			get: function() {
187			return _Notification.permissionLevel && _Notification.permissionLevel();
188			}
189			});
190			}
191			/**
192			* @constructor Notification
193			*/
194			function Notification(title, options) {
195			var dir;
196			var notification;
197			if (!arguments.length) {
198			throw TypeError('Failed to construct "Notification": 1 argument required, but only 0 present.');
199			}
200			/*
201			Chrome display notifications when title is empty screen, but
202			Safari do NOT.
203
204			Set title to non-display characted in order to display notifications
205			in Safari as well when title is empty.
206			*/
207			if (title === "") {
208			title = "\b";
209			}
210			if (arguments.length > 1 && "object" !== typeof options) {
211			throw TypeError('Failed to construct "Notification": parameter 2 ("options") is not an object.');
212			}
213			dir = Object(options).dir;
214			if (dir !== undefined && DIRESCTIONS.indexOf(dir) === -1) {
215			throw TypeError('Failed to construct "Notification": The provided value "' + dir + '" is not a valid enum value of type NotificationDirection.');
216			}
217			options = Object(options);
218			notification = new _Notification(title, options);
219			/* TODO: actions property */
220			/* TODO: badge property */
221			if (!notification.body) {
222			Object.defineProperty(notification, "body", {
223			value: String(options.body \|\| "")
224			});
225			}
226			if (!notification.data) {
227			Object.defineProperty(notification, "data", {
228			value: options.data \|\| null
229			});
230			}
231			if (!notification.dir) {
232			Object.defineProperty(notification, "dir", {
233			value: dir \|\| DIRESCTIONS[0]
234			});
235			}
236			if (!notification.icon) {
237			Object.defineProperty(notification, "icon", {
238			value: String(options.icon \|\| "")
239			});
240			}
241			if (!notification.lang) {
242			Object.defineProperty(notification, "lang", {
243			value: String(options.lang \|\| "")
244			});
245			}
246			/* TODO: noscreen property */
247			/* TODO: renotify property */
248			if (!notification.requireInteraction) {
249			Object.defineProperty(notification, "requireInteraction", {
250			value: Boolean(options.requireInteraction)
251			});
252			}
253			/* TODO: sound property */
254			if (!notification.silent) {
255			Object.defineProperty(notification, "silent", {
256			value: Boolean(options.silent)
257			});
258			}
259			if (!notification.tag) {
260			Object.defineProperty(notification, "tag", {
261			value: String(options.tag \|\| "")
262			});
263			}
264			if (!notification.title) {
265			Object.defineProperty(notification, "title", {
266			value: String(title)
267			});
268			}
269			if (!notification.timestamp) {
270			Object.defineProperty(notification, "timestamp", {
271			value: new Date().getTime()
272			});
273			}
274			/* TODO: vibrate property */
275			return notification;
276			}
277			Object.defineProperty(Notification, "permission", {
278			enumerable: true,
279			get: function() {
280			return _Notification.permission;
281			}
282			});
283			/*
284			Notification.requestPermission should return a Promise(by spec).
285			Keep the original method and replace it with a custom one that
286			checks if the call of Notification.requestPermission returns a promise
287			and if not, then return a custom object that simulates the Promise object.
288
289			Specification:
290			Notification.requestPermission().then(callback);
291
292			Old Spec:
293			Notification.requestPermission(callback);
294			*/
295			Object.defineProperty(Notification, "requestPermission", {
296			enumerable: true,
297			value: function() {
298			return new Promise(function(resolve, reject) {
299			var promise = _Notification.requestPermission(function(permission) {
300			resolve(permission);
301			});
302			if (!(promise instanceof Promise)) {
303			return;
304			}
305			resolve(promise);
306			});
307			}
308			});
309			window.Notification = Notification;
310			})();
311
312			/**
313			* @name ElkArte Forum
314			* @copyright ElkArte Forum contributors
315			* @license BSD http://opensource.org/licenses/BSD-3-Clause
316			*
317			* @version 1.1 Release Candidate 1
318			*
319			* This bits acts as middle-man between the notify (above) and the ElkNotifications
320			* providing the interface required by the latter.
321			*/
322
323			(function() {
324			var ElkDesktop = (function(opt) {
325			'use strict';
326			opt = (opt) ? opt : {};
327			var notif,
328			alreadyChecked = false,
329			alreadyAsked = false,
330			permission_granted = false;
331
332			var init = function(opt) {
333
334			notif = Notification;
335			};
336
337			var send = function(request) {
338			if (request.desktop_notifications.new_from_last > 0)
339			{
340			if (!hasPermissions())
341			return;
342
343			var myNotification = new Notification(request.desktop_notifications.title, {
344			body: request.desktop_notifications.message,
345			icon: opt.icon
346			});
347			}
348			};
349
350			var hasPermissions = function() {
351			if (alreadyChecked)
352			return permission_granted;
353
354			if (alreadyAsked === false && notif.permission == "default" && notif.permission != "notsupported") {
355			notif.requestPermission();
356			alreadyAsked = true;
357			}
358			permission_granted = notif.permission == "granted"
359
360			function onPermissionGranted() {
361			permission_granted = true;
362			}
363
364			function onPermissionDenied() {
365			permission_granted = false;
366			}
367
368			alreadyChecked = notif.permission != "default";
369
370			return permission_granted;
371			};
372
373			init(opt);
374			return {
375			send: send
376			};
377			});
378
379			// AMD / RequireJS
380			if ( typeof define !== 'undefined' && define.amd) {
381			define([], function() {
382			return ElkDesktop;
383			});
384			}
385			// CommonJS
386			else if ( typeof module !== 'undefined' && module.exports) {
387			module.exports = ElkDesktop;
388			}
389			// included directly via <script> tag
390			else {
391			this.ElkDesktop = ElkDesktop;
392			}
393
394			})();
395
396

elkarte / Elkarte

Pull Request — development (#2955)

desktop-notify.js ➔ ... ➔ send A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like